<!--
	创建者：lym
	该文件用于：
	创建时间：2020-01-02 20:25:57
-->

<template>
	<div class="RCIM-SourceSpace_view">
		<div v-show="leftButtonShow" id="leftShow" @click="handleChangeLeftShow" class="smailbg showSmallBtn">
			<span class="iconfont icondiandian"></span>
		</div>
		<el-container>
			<el-header>
				<el-button type="text" icon="el-icon-arrow-left" style="color: #4a4a4a;" @click="goback">返回上一页</el-button>
			</el-header>
			<el-container>
				<transition name="el-fade-in-linear">
					<el-aside v-show="leftShow" width="24%" class="customElAside" >
						<el-scrollbar>
							<div class="aside_left_content aside_left_content1">
								<div class="aside_top">
									<div class="content_head">
										企业基本信息
									</div>
									<div class="content_main">
										<ul>
											<li>企业名称：<span :title="sourceSpaceInfo.enterpriseInfo.enterprise">{{sourceSpaceInfo.enterpriseInfo.enterprise}}</span></li>
											<li>所属区域：<span :title="sourceSpaceInfo.enterpriseInfo.areaName">{{sourceSpaceInfo.enterpriseInfo.areaName}}</span></li>
											<li>社会统一信用代码：<span :title="sourceSpaceInfo.enterpriseInfo.businessLicense">{{sourceSpaceInfo.enterpriseInfo.businessLicense}}</span></li>
											<li>组织机构代码：<span :title="sourceSpaceInfo.enterpriseInfo.orgCode">{{sourceSpaceInfo.enterpriseInfo.orgCode}}</span></li>
											<!--<li>企业类型：<span :title="sourceSpaceInfo.enterpriseInfo.enterpriseType">{{sourceSpaceInfo.enterpriseInfo.enterpriseType}}</span></li>-->
											<li>编号：<span :title="sourceSpaceInfo.enterpriseInfo.entNumber">{{sourceSpaceInfo.enterpriseInfo.entNumber}}</span></li>
											<li>电话：<span :title="sourceSpaceInfo.enterpriseInfo.phone">{{sourceSpaceInfo.enterpriseInfo.phone}}</span></li>
											<li>地址：<span :title="sourceSpaceInfo.enterpriseInfo.address">{{sourceSpaceInfo.enterpriseInfo.address}}</span></li>
											<li>分管环保：<span :title="sourceSpaceInfo.enterpriseInfo.chargeEnvName">{{sourceSpaceInfo.enterpriseInfo.chargeEnvName}}</span></li>
										</ul>
									</div>
									<div class="content_footer">
										<div class="infoFooter1" style="" @click="goToEnterprisePermit"><i class="el-icon-document" style="font-size: 10px;margin-right:4px;"></i><span>查看许可证</span></div>
									</div>
								</div>
								<div class="aside_center" id="originInfo">
									<div class="content_head">
										源基本信息
									</div>
									<div class="content_main">
										<ul>
											<li>源国家编码：<span :title="sourceSpaceInfo.originBaseInfo.sourceCode">{{sourceSpaceInfo.originBaseInfo.sourceCode}}</span></li>
											<li>核素名称：<span :title="sourceSpaceInfo.originBaseInfo.nuclideNameCN">{{sourceSpaceInfo.originBaseInfo.nuclideNameCN}}</span></li>
											<!--<li>目视码：<span :title="sourceSpaceInfo.originBaseInfo.lookCode">{{sourceSpaceInfo.originBaseInfo.lookCode}}</span></li>-->
											<li>源类别：<span :title="sourceSpaceInfo.originBaseInfo.sourceTypeCN">{{sourceSpaceInfo.originBaseInfo.sourceTypeCN}}</span></li>
											<!--<li>收储类型：<span :title="sourceSpaceInfo.originBaseInfo.stockpileStatusCN">{{sourceSpaceInfo.originBaseInfo.stockpileStatusCN}}</span></li>-->
											<li>出厂活度：<span :title="sourceSpaceInfo.originBaseInfo.factoryActivity">{{sourceSpaceInfo.originBaseInfo.factoryActivity}}</span></li>
											<li>出厂日期：<span :title="sourceSpaceInfo.originBaseInfo.factoryTime">{{sourceSpaceInfo.originBaseInfo.factoryTime}}</span></li>
											<li>标号：<span :title="sourceSpaceInfo.originBaseInfo.grade">{{sourceSpaceInfo.originBaseInfo.grade}}</span></li>
											<li>毛重：<span :title="sourceSpaceInfo.originBaseInfo.hairWeight">{{sourceSpaceInfo.originBaseInfo.hairWeight}}</span></li>
											<li>净重：<span :title="sourceSpaceInfo.originBaseInfo.weight">{{sourceSpaceInfo.originBaseInfo.weight}}</span></li>
											<li>强度：<span :title="sourceSpaceInfo.originBaseInfo.strength">{{sourceSpaceInfo.originBaseInfo.strength}}</span></li>
											<li>半衰期：<span :title="sourceSpaceInfo.originBaseInfo.halfTime">{{sourceSpaceInfo.originBaseInfo.halfTime}}</span></li>
											<li>接收期：<span :title="sourceSpaceInfo.originBaseInfo.receiptDate">{{sourceSpaceInfo.originBaseInfo.receiptDate}}</span></li>
											<li>法人：<span :title="sourceSpaceInfo.originBaseInfo.legalPerson">{{sourceSpaceInfo.originBaseInfo.legalPerson}}</span></li>
											<li>产源单位名称：<span :title="sourceSpaceInfo.originBaseInfo.sourceUnitCN">{{sourceSpaceInfo.originBaseInfo.sourceUnitCN}}</span></li>
										</ul>
									</div>
									<div class="content_footer">
										<div class="infoFooter1" style="" @click="goToVideoMangement"><i class="el-icon-map-location" style="font-size: 10px;margin-right:4px;"></i><span>视频监控</span></div>
									</div>
								</div>
								<div class="aside_bottom">
									<div class="content_head">
										督办信息
										<el-button type="text" style="float:right;margin-right: 10px;line-height:8px;font-size: 12px;" @click="goToRCIMAbnormalSupervision">更多</el-button>
									</div>
									<div class="content_bottom_main">
										<table
											v-if="sourceSpaceInfo.supervisingInformation.length"
											width="100%"
											align="center"
										>
											<colgroup>
												<col span="3"></col>
												<col style="width: 100px;"></col>
											</colgroup>
											<tbody>
												<tr>
													<td></td>
													<td>异常类型</td>
													<td>异常产生时间</td>
													<td>异常总时长</td>
												</tr>
												<tr v-for="(item, index) in sourceSpaceInfo.supervisingInformation">
													<td>{{index + 1}}</td>
													<td>{{item.abnormalType}}</td>
													<td>{{item.abnormalTime}}</td>
													<td>{{item.abnormalTotalTime}}</td>
												</tr>
											</tbody>
										</table>
										<div v-else style="width: 100%;line-height:80px;color:#4a4a4a;text-align: center;">暂无数据</div>
									</div>
								</div>
							</div>
						</el-scrollbar>
					</el-aside>
				</transition>
				<el-main style="padding:0!important;">
					<el-scrollbar>
						<div class="main_content" style="height: calc(100vh - 180px);padding: 10px 20px;">
							<div class="myMapPolyLine">
								<Map
									baiduMapId="originMapId"
									baiduMapWidth="550px"
									:hasMyOverlay="hasMyOverlay"
									:hasMyPollyline="true"
									:hasMyMarker="true"
									:center = "center"
									:polylinePath = "sourceSpaceInfo.originMapData.polylinePath"
									:markerPointsList = "markerPointsList"
									:recordPoint = "recordPoint"
									@handleChangeRecodeId="handleChangeRecodeId"
									/>
							</div>
							<div class="originTrace">
								<div class="time_picker">
									源轨迹选择
									<el-date-picker
										v-model="timmer"
										:type="type.precise"
										range-separator="~"
										size="mini"
										:format="type.format"
										placeholder="选择日期"
										start-placeholder="开始日期"
										end-placeholder="结束日期"
										@change="changeDate"
									>
									</el-date-picker>
								</div>
								<div class="fish_map_wrap">
									<fish-chart :chartData="chartData" @clickFish="clickFish" :isClick="isClick"></fish-chart>
								</div>
							</div>
						</div>
					</el-scrollbar>
				</el-main>
				<el-aside width="24%" class="customElAside">
					<el-scrollbar>
						<div style="padding: 8px 24px;height: calc(100vh - 180px);">
							<div class="aside_left_content aside_right_content">
								<div class="aside_top">
									<div class="content_head">
										月度异常趋势图
									</div>
									<div class="content_bottom_main">
										<BrokenLineChart
											:show="{hideSide:false,isShowClickLf:false}"
											v-if="sourceSpaceInfo.monthlyAbnormalTrend.dataList.length"
											id="BrokenLineChartId1"
											height="140px"
											width="100%"
											:splitLineShow="false"
											ref="chart2"
											splitLineColor="#ff9b53"
											xAxisLineColor="#dedede"
											yAxisLineColor="#dedede"
											yAxisName="个数"
											:gridLeft="35"
											:monthList="sourceSpaceInfo.monthlyAbnormalTrend.monthList"
											:dataList="sourceSpaceInfo.monthlyAbnormalTrend.dataList"
										/>
									</div>
								</div>
							</div>
							<div class="aside_left_content aside_right_content">
								<div class="aside_center">
									<div class="content_head">
										月度剂量趋势图
									</div>
									<div class="content_bottom_main">
										<BrokenLineChart
											:show="{hideSide:false,isShowClickLf:false}"
											v-if="sourceSpaceInfo.monthlyDoseTrend.dataList.length"
											id="BrokenLineChartId2"
											height="140px"
											width="100%"
											:splitLineShow="false"
											ref="chart3"
											splitLineColor="#9013fe"
											xAxisLineColor="#dedede"
											yAxisLineColor="#dedede"
											yAxisName="uSv/h"
											:gridLeft="35"
											titleText="剂量"
											:monthList="sourceSpaceInfo.monthlyDoseTrend.monthList"
											:dataList="sourceSpaceInfo.monthlyDoseTrend.dataList"
										/>
									</div>
								</div>
							</div>
							<div class="aside_left_content aside_right_content orgionChange">
								<div class="aside_bottom">
									<div class="content_head">
										源状态变更
									</div>
									<div class="content_bottom_main">
										<table
										    v-if= "sourceSpaceInfo.originStatusChange.length"
											width="100%"
											align="center"
										>
											<colgroup>
												<col span="4"></col>
												<col style="width: 60px;"></col>
											</colgroup>
											<tbody>
												<tr>
													<td></td>
													<td>变更时间</td>
													<td>源状态</td>
													<td>现状态</td>
													<td>剂量</td>
													<td>操作</td>
												</tr>
												<tr :class="[index > 10 ? 'maxIndex': '']" v-for="(item,index) in sourceSpaceInfo.originStatusChange">
													<td>{{index + 1}}</td>
													<td>{{item.changeDate}}</td>
													<td>{{item.originStatus}}</td>
													<td>{{item.originNowStatus}}</td>
													<td>{{item.dose}}</td>
													<td>
														<el-button type="text" size="small" style="padding:0;" @click="goToSourceRecord">查看</el-button>
													</td>
												</tr>
											</tbody>
										</table>
										<div v-else style="width: 100%;line-height:80px;color:#4a4a4a;text-align: center;">暂无数据</div>
									</div>
								</div>
							</div>
						</div>
					</el-scrollbar>
				</el-aside>
			</el-container>
		</el-container>
		<MyVideo v-if="myVideoShow" @handleCloseMyVideoShow="handleCloseMyVideoShow"/>
	</div>
</template>

<script>
import SourceSpace_view from './index.js';
export default SourceSpace_view;
</script>

<style lang="scss" scoped>
@import "./index.scss";

</style>
